<template>
	<view>
		<view class="box u-p-20 u-flex">
			<u-icon name="map-fill" color="#9d9e9d" size="38"></u-icon>
			<view class="u-flex-1 u-p-l-20 u-p-r-20">
				<view class="">
					<text class="u-font-34 u-m-r-20">小刀</text> 17000000000
				</view>
				<view class="u-m-t-20 u-line-1">
					辽宁省-沈阳市-沈河区 企业广场B座沈阳嘉里城
				</view>
			</view>
			<u-icon name="arrow-right" color="#9d9e9d" size="38"></u-icon>
		</view>
		<u-gap height="20"></u-gap>
		<view class="box u-p-20">
			<view v-for="(item,index) in list" :key='index'>
				<u-section title="生鲜快速发货" sub-color='#0eb6ff' :show-line='false' :arrow='false' sub-title="商家24H发货，第三方物流配送..."></u-section>
				<view class="u-p-20 u-m-t-20 u-flex list-item">
					<u-image width="120rpx" height="120rpx" :src="item.url"></u-image>
					<view class="u-flex-1 u-p-l-20">
						<view class="u-flex u-row-between title">
							<view class="">
								{{item.name}}
							</view>
							<view class="">
								￥{{item.prices}}
							</view>
						</view>
						<view class="u-m-t-10 u-type-info-dark u-font-24">
							规格:{{item.quality}}{{item.company}}/{{item.unit}}
						</view>
						<view class="u-m-t-10 u-type-info-dark u-font-24">
							单价:￥{{item.prices}}/{{item.unit}}
						</view>
						<view class="u-m-t-10 u-type-info-dark u-font-24">
							数量:{{item.num}}{{item.unit}}
						</view>
					</view>
				</view>
			</view>
		</view>
		<u-gap height="20"></u-gap>
		<u-cell-group>
			<u-cell-item title="发票" value="不开发票" @click='onClick(1)'></u-cell-item>
			<u-gap height="20" bg-color="#f5f5f5"></u-gap>
			<u-cell-item title="订单备注" value="选择服务" @click='onClick(2)'></u-cell-item>
		</u-cell-group>
		<u-gap height="100"></u-gap>
		<view class="settlement-style u-flex u-row-right u-border-top">
			<view>合计：</view>
			<prices-style :prices="999.9"></prices-style>
			<view class="settlement-btn u-text-center" @click="confirm">提交订单</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
					url: '/static/icon/icon6.png',
					name: '新疆小苹果 1.5KG',
					prices: 20.9,
					originalPrice: 30.9,
					quality: 1.5,
					company: 'Kg',
					unit: '箱',
					label: '特价',
					delivery: '24H发货',
					sold: 888,
					num: 1
				}, ]
			}
		},
		methods: {
			onClick(n){
				this.$toast(n.toString())
			},
			confirm(){
				this.$toast('提交订单')
			}
		}
	}
</script>

<style scoped>
	.settlement-btn {
		padding: 15rpx 40rpx;
		border-radius: 50rpx;
		background-color: #0eb6ff;
		margin: 0 20rpx;
		color: #FFFFFF;
	}
	
	.settlement-style {
		position: fixed;
		bottom: 0px;
		width: 100%;
		height: 100rpx;
		left: 0;
		background-color: #FFFFFF;
	}
	page {
		background-color: #F5F5F5;
	}

	.box {
		background-color: #FFFFFF;
	}

	.list-item {
		border-radius: 4rpx;
		background-color: #F5F5F5;
	}

	.title {
		font-weight: 600;
	}
</style>
